<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />


    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">


    <link href="/landlord/css/head_all.css" rel="stylesheet" type="text/css" />


    <style type="text/css">

        #title {

            text-align: center;
            z-index: 1000;
            display: block;
            padding-top: 20px;
            width: 100%;
            height: auto;
            background-size: 40%;
            background-color: transparent;
            border: none;
            text-align: center;
            font-size: 20px;
            color: white;
        }

    </style>




</head>

<body>



<header class="header">

    <a href="javascript:top.back();" class="back">返回</a>

    <div>
    <label id="title"/>
    </div>


    <%--搜索框.默认隐藏--%>
    <button id="toggle-search" class="header-button" style="display: none">搜索</button>

    <form id="search-form">
        <fieldset>
            <input name="q" type="search" placeholder="请输入搜索内容" />
        </fieldset>
        <%--阻止表单的提交.进行本地操作--%>
        <input id="search-submit" type="submit" onclick="ajaxSubmit();return false" value="确定" />
    </form>


    <div id="dl-menu" class="dl-menuwrapper">

        <button id="dl-menu-button">Open Menu</button>

        <ul class="dl-menu" style="top: 55px;">

       <%--     <li><a href="/landlord/">主页</a></li>
--%>
            <li><a href="/landlord/myRooms">我的房源</a></li>

            <li><a href="/landlord/put" target="_blank">添加房源</a></li>

            <li><a href="/landlord/orders">待处理订单</a></li>


            <li>

                <a href="Line">更多
                    <svg t="1552966126637" class="icon" style="float: right" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2636" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20"><defs><style type="text/css"></style></defs><path d="M305.587883 813.744345c-14.09502 12.824073-15.126512 34.658358-2.303462 48.752354 12.843516 14.09502 34.678824 15.126512 48.752354 2.302439l364.835266-332.676845c14.114462-12.844539 15.127536-34.659381 2.302439-48.753377-0.733711-0.815575-1.486864-1.588171-2.302439-2.302439l-0.078795-0.080841-0.13917-0.13917L352.037798 148.369166c-14.074553-12.824073-35.909861-11.791557-48.752354 2.302439-12.824073 14.09502-11.792581 35.930327 2.303462 48.753377l336.845795 307.168891L305.588907 813.743322 305.587883 813.744345 305.587883 813.744345z" p-id="2637" fill="#ffffff"></path></svg>
                </a>

                <ul class="dl-submenu">

                    <li class="dl-back"><a href="#"><svg t="1552966272487" class="icon" style="float: left;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3327" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20"><defs><style type="text/css"></style></defs><path d="M762.332419 124.231419 702.050474 63.961754 261.667581 511.830131 702.050474 959.696462 762.332419 899.423727 400.015509 511.832178Z" p-id="3328" fill="#ffffff"></path></svg>返回上一级</a></li>

                    <li><a href="/tenant">租房系统</a></li>
                    <li><a href="/ua/user">账号管理</a></li>
                    <li><a href="/">返回首页</a></li>

                </ul>

            </li>

        </ul>

    </div>

</header>


</body>


<script type="text/javascript" src="//cdn.staticfile.org/jquery/2.1.0/jquery.js"></script>

<script type="text/javascript" src="//cdn.staticfile.org/modernizr/2.7.1/modernizr.min.js"></script>

<script type="text/javascript" src="/landlord/js/jquery.dlmenu.js"></script>






<script type="text/javascript">

    $(function(){
        $( '#dl-menu' ).dlmenu();
    });

    function setTitle(tt) {
        $("#title").text(tt);
    }


</script>



<script type="text/javascript">


    var args;
    function ajaxSubmit() {


        var q = $('#search-form').serialize();

        //将搜索关键字回传给调用处
        args.q = q;

        if (args.addition) {
            var param = $.param(args.addition, true);

            if (param) {
                q = q + '&' + param;
            }

        }


        //使用ajax进行请求

        $.ajax({
            method: args.method,
            type: args.type,
            url: args.url,
            data: q,
            success: args.onsuccess,
            error: function () {
                alert("搜索失败");
            }
        });


    }



    //显示搜索图标
    function searchAble(map) {//args是搜索的附加参数
        args = map;
        //展示搜索图标
        $("#toggle-search").show();
    }


    //移除搜索框
    function noneSearch() {
        //首先移除掉原原参数
        $("#toggle-search").hide();
    }

</script>

<script type="text/javascript">

    (function($) {
        // Handle click on toggle search button
        $('#toggle-search').click(function() {
            $('#search-form, #toggle-search').toggleClass('open');
            return false;
        });

        // Handle click on search submit button
        $('#search-form input[type=submit]').click(function() {
            $('#search-form, #toggle-search').toggleClass('open');
            return true;
        });

        // Clicking outside the search form closes it
        $(document).click(function(event) {
            var target = $(event.target);

            if (!target.is('#toggle-search') && !target.closest('#search-form').size()) {
                $('#search-form, #toggle-search').removeClass('open');
            }

        });
    })(jQuery);

</script>

</html>